<template>
  <div class="content">
    <article>
      <img src="../assets/logo.png" alt="无" />
    </article>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
    <div class="box2"></div>
  </div>
</template>

<script>
export default {
  name: "FlexLayout"
};
</script>

<style scoped>
.content {
  color: grey;
  background-color: #d7dde4;
  border: 2px #666666 solid;
  overflow: auto;
}
article img {
  float: right;
  width: 20%;
}
.box2 {
  display: inline-block;
  width: 200px;
  vertical-align: text-bottom;
  height: 100px;
  border: 3px lightgreen solid;
  margin: 1em;
}
</style>
